.workplace {
  display: flex;
  flex-direction: column;
  flex: 3;
  .banner {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .box {
      width: 30%;
      display: flex;
      justify-content: space-between;
      // flex: 2;
      height: 180px;
      padding: 12px;
      border-radius: 14px;
      background-color: #ffffff;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      .box_img {
        flex: 1;
        height: 100%;
        padding: 8px;
        // box-sizing: border-box;
        img {
          width: 100%;
          height: 100%;
          cursor: pointer;
          transition: all 0.5s;
          &:hover {
            transform: scale(0.8);
          }
        }
      }
      .box_text {
        flex: 1;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
  .echars {
    flex: 2;
    padding: 12px;
    box-sizing: border-box;
  }
}
